<template>
  <div class="">
    <my-table-vue :data="datalist">
      <template v-slot:main="{item}">
        <td>{{ item.id }}</td>
        <td>
          <img class="pic" src="" alt="" />
        </td>
        <td>{{ item.name }}</td>
      </template>
    </my-table-vue>
  </div>
</template>
<script >
import myTabVue from "../components/04/myTab.vue";
import myTableVue from "../components/04/myTable.vue";
//商品列表案例
export default {
  data() {
    return {
      datalist: [
        {
          id: 101,
          pic: "../../assets/images/OIP-C (1).jpg",
          name: "大大我发我嘀咕",
        },
        {
          id: 102,
          pic: "https://ts1.cn.mm.bing.net/th/id/R-C.6a00de959b580…CFDeeTPjyJnuR14jdQ%2fbE2w%3d&risl=&pid=ImgRaw&r=0",
          name: "大大我发我嘀咕",
        },
        {
          id: 103,
          pic: "https://ts1.cn.mm.bing.net/th/id/R-C.6a00de959b580…CFDeeTPjyJnuR14jdQ%2fbE2w%3d&risl=&pid=ImgRaw&r=0",
          name: "大大我发我嘀咕",
        },
        {
          id: 104,
          pic: "https://ts1.cn.mm.bing.net/th/id/R-C.6a00de959b580…CFDeeTPjyJnuR14jdQ%2fbE2w%3d&risl=&pid=ImgRaw&r=0",
          name: "大大我发我嘀咕",
        },
        {
          id: 105,
          pic: "https://ts1.cn.mm.bing.net/th/id/R-C.6a00de959b580…CFDeeTPjyJnuR14jdQ%2fbE2w%3d&risl=&pid=ImgRaw&r=0",
          name: "大大我发我嘀咕",
        },
      ],
    };
  },
  props: [],
  components: {
    myTabVue,
    myTableVue,
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang='less' scoped>
</style>